<style>
    .invite-bg{
        background: url("/img/invite/bg.png") no-repeat center;
        background-size: 100% 100%;
    }
    .invite-topimg{
        padding: 50px 10% 0;
    }
    .invite-userimg{
        display: block;
        margin: -50px auto 0;
    }
    .invite-info{
        margin-top: 15px;
    }
    .invite-info>span{
        color: #ffffff;
        font-size: 30px;
        text-align: center;
    }
    /*.invite-info>span:nth-child(1){*/
    /*text-align: left;*/
    /*}*/
    /*.invite-info>span:nth-child(2){*/
    /*text-align: ri;*/
    /*}*/
    .invite-input{
        margin: 0 auto;
    }
    .invite-input input{
        width: 100%;
        height: 38px;
        margin: 10px 0;
        color: #ffffff;
        padding-left: 10px;
        border-radius: 0;
        border: navajowhite;
        background-color: #fff;
        border-bottom: 1px solid #ddd;
        color: #000000;

    }
    .invite-bg input::-webkit-input-placeholder { /* WebKit browsers */
        color: #277dc7;
        font-size: 12px;
        padding-left: 10px;
    }
    .invite-socode{
        height: 38px;
        margin:10px 0;
        line-height: 38px;
        color: #FF971B;
        width: 55%;
        border-bottom: 1px solid #ddd;
    }
    .button.invite-button{
        color: #ffffff;
        background-image: linear-gradient(-42deg, #FF8C2B 0%, #FF6322 100%);
        border-radius: 4px;
    }
</style>
<ion-modal-view>
    <!--<ion-content  >-->
        <!--<img class="invite-topimg" src="/img/invite/invite_title.png" width="100%"/>-->
        <!--<img class="invite-userimg" width="95px" height="95px" ng-src="{{data.uImage}}" />-->
        <!--<div class="text-center">-->
            <!--<div class="invite-input">-->
                <!--<p class="invite-info"><span>{{data.uName}}</span><span>诚邀你加入</span></p>-->
                <!--<input placeholder="请输入你的手机号" disabled="disabled"/>-->
                <!--<div class="row row-no-padding">-->
                    <!--<input placeholder="请你输入验证码" disabled="disabled"/>-->
                    <!--<div class="invite-socode">获取验证码</div>-->
                <!--</div>-->
            <!--</div>-->
        <!--</div>-->


            <div class="proqrcode_wrap" ng-click="pre_sile.hide()">
                <div class="proqrcode_main">
                    <div class="proqrcode_head_wrap">
                        <!--店招底图-->
                        <div class="proqrcode_head_img">
                            <img src="img/answer/inside-bg.png" style="max-height: 420px"  alt="" class="proqrcode_head_imgs">
                            <!--水印logo-->
                            <!--<img src="img/commimg/proqrcode_logo.png" alt="" class="proqrcode_logo">-->
                        </div>

                        <div class="proqrcode_head">
                            <div class="proqrcode_head_tit clear weui" style="border-bottom: none">
                                <div class="text-center">
                                    <div class="invite-input">
                                        <p class="invite-info">
                                            <img style="height: 38px;width: 102px"  src="img/answer/logo1.png">
                                        </p>
                                        <p class="invite-info" style="margin-top: 5px">
                                            <img style="height: 28px;width: 103px"  src="img/answer/logo2.png">
                                        </p>

                                        <input placeholder="请输入你的手机号" disabled/>
                                        <div class="row row-no-padding">
                                             <input placeholder="请输入验证码" disabled/>
                                            <div class="invite-socode">获取验证码</div>
                                        </div>
                                    </div>
                                </div>
                                <button class="button button-block invite-button">
                                    接受邀请
                                </button>
                            </div>
                            <!--间隔圆角图片-->
                            <div class="proqrcode_head_line">
                                <img style="margin: -1px 0;" src="img/commimg/proqrcode_head_line.png" alt="">
                            </div>
                            <!--理财师信息-->
                            <div class="proqrcode_head_info clear">
                                <div class="fl">
                                    <div class="hide-text">理财师{{data.uName}}诚邀你加入</div>
                                    <p>TEL {{data.loginName}}</p>
                                </div>
                                <div class="fr">
                                    <img src="img/commimg/touxiang.jpg" ng-src="{{data.uImage|getUserHeadImg}}" alt="" >
                                </div>
                            </div>
                        </div>

                    </div>
                    <img style="margin-left: 15px;margin-top: 15px" width="250px" src="img/answer/symbols.png" />
                </div>

            </div>

    <!--</ion-content>-->

</ion-modal-view>